---
import TT from "@libs/Test.astro"
import * as greatPost from "@libs/md/a.md"
import * as greatPost1 from "@libs/mdx/test.mdx"
const posts = await Astro.glob("../components/**/*.mdx")
import BaseLayout from "@layouts/Layout.astro"
let title = "All Tags"
let description = "All the tags used so far..."
---

<BaseLayout content={{ title, description }}>
  <TT content={greatPost.frontmatter} />
  <br />
  <TT content={greatPost1.frontmatter} />
  <br />
  {posts.map((post) => <p>{post}</p>)}
  <div class="aa">demo</div>
</BaseLayout>

<style>
  .aa {
    background-color: greenyellow;
    width: clamp(500px, 600px + 20%, 1200px);
  }
</style>
